$(function () {
    // alert(111)
    
    //弹层对象
    var layer = layui.layer;
    $("#link_reg").on("click", function () {
        // 注册表单显示
        $(".reg-box").show();
        // 登陆表单隐藏
        $(".login-box").hide();
    })

    $("#link_login").on("click", function () {
        // 注册表单隐藏
        $(".reg-box").hide();
        // 登陆表单显示
        $(".login-box").show();
    })

    /* 自定义表单校验规则 */
    var form = layui.form;
    form.verify({
        pwd: [
            /^[\S]{6,12}$/,
            '密码必须是6-12位非空字符'
        ],
        repwd: function (value, item) {
            // console.log(value);
            var password = $('#form_reg [name=password]').val();

            if (value !== password) {
                return '两次密码不一致';
            }

        }
    });

    /* 注册用户 */
    $("#form_reg").on("submit", function (e) {
        e.preventDefault();
        //收集表单数据
        var username = $("#form_reg [name=username]").val().trim();
        var password = $("#form_reg [name=password]").val().trim();
        //调接口发送请求，实现注册功能
        $.ajax({
            url: '/api/reguser',
            method: 'post',
            data: {
                username: username,
                password
            },
            success: function (res) {
                console.log(res);
                if (res.status !== 0) {
                    // return alert('注册失败')
                    return layer.msg(res.message, {icon:5});
                }
                // return alert('注册成功')
                layer.msg('注册成功', {icon:6}, function(){
                    //显示登录表单（触发“去登陆”按钮的单击事件）
                    $('#link_login').click();
                })
            }
        })
    })

    /* 登录功能 */
    $('#form_login').on('submit', function(e){
        e.preventDefault();

        //收集表达数据
        var data = $(this).serialize();
        // console.log(data);
        //调接口
        $.ajax({
            url: '/api/login',
            method: 'post',
            data: data,
            success: function(res){
                console.log(res);

                if(res.status !== 0){
                    return layer.msg(res.message, {icon:5});
                }
                layer.msg('登陆成功', {icon:6}, function(){
                    //保存token到本地存储中
                    localStorage.setItem('token', res.token);
                    //保存到后台首页
                    location.href = '/index.html'
                })
            }
        })
    })
})